/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
 
.validation-summary-valid
{
    display: none;
}


/*------------------------------------ Calendar ------------------------------------*/


.ajax__calendar_container   {
    background-color: #e2e2e2; 
    border:solid 1px #cccccc;
}

.ajax__calendar_header  {
    background-color: #ffffff; 
    margin-bottom: 4px;
}

.ajax__calendar_title,
.ajax__calendar_next,
.ajax__calendar_prev    {
    color: #004080; 
    padding-top: 3px;
}

.ajax__calendar_body    {
    background-color: #e9e9e9; 
    border: solid 1px #cccccc;
}

.ajax__calendar_dayname {
    text-align:center; 
    font-weight:bold; 
    margin-bottom: 4px; 
    margin-top: 2px;
}

.ajax__calendar_day {
    text-align:center;
}

.ajax__calendar_hover .ajax__calendar_day,
.ajax__calendar_hover .ajax__calendar_month,
.ajax__calendar_hover .ajax__calendar_year,
.ajax__calendar_active  {
    color: #004080; 
    font-weight: bold; 
    background-color: #ffffff;
}

.ajax__calendar_today   {
    font-weight:bold;
}

.ajax__calendar_other,
.ajax__calendar_hover .ajax__calendar_today,
.ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

/*------------------------------------ Collapsible Panel ------------------------------------*/

 .cpHeader
        {
            color: white;
            background-color: #719DDB;
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 12px;
            cursor: hand;
            height:18px;
            padding: 4px;           
        }
.cpBody
        {
            background-color: #DCE4F9;
            font: normal 11px auto Verdana, Arial;
            border: 1px gray;               
            padding: 4px;
            padding-top: 7px;
        }      

.cpBody table
        {
        }      

/*------------------------------------ Styles ------------------------------------*/

.unwatermarked {
}
 
.watermarked {
      padding:2px 0 0 2px;
      border:1px solid #BEBEBE;
      background-color:#F0F8FF;
      color:gray;
}

/*------------------------------------ Styles ------------------------------------*/
.page
{
    background-color : #0f191a;
    border: none;
    margin: auto auto 0px auto;
    /* width: 960px; */  
}


.header
{
    background-color: #bedaf0;
}




/* -------------------------------------------  SUB-HEADER   -------------------------------------------  */
.sub-header
{
    background-color: #d4e3ea;
    height: auto;
    width: auto;
}
.sub-header h1
{
    font-size: 30px;
    color: #4c585d;
}
.sub-header h2
{
    font-size: 16px;
    color: #9cabb2;
}


/* -------------------------------------------  CONTAINER   -------------------------------------------  */
.principal-content
{
    background-color: #FFF;
    width: 100%;
}


/* -------------------------------------------  SEPARATOR   -------------------------------------------  */
.left-column .separator
{
    width: auto;
    height: 1px;
    margin-left: 15px;
    border-bottom: 1px solid #d9d9d9;
}



/* -------------------------------------------  Menu General -------------------------------------------  */

.left-column ul
{
    font-size: 22px;
    margin-left: 20px;
    line-height: 60px;
    list-style-type: none;
}

.left-column ul li span
{
    list-style: none;
}

.left-column li
{
    line-height: 40px;
    margin-top: 20px;
    margin-left: -25px;
}

.left-column .Title
{
    margin: 0px 0px 0px 40px;
    list-style: none;
    list-style-type: none;
}

/* -------------------------------------------  CustomerMenu  -------------------------------------------  */


.left-column .CustomerMenu
{
    color: #4b575c;
    background-image: url(../../Content/Images/customer.png);
    background-repeat: no-repeat;
    text-align: left;
}

.left-column .CustomerMenu .CustomerList
{
    font-size: 15px;
    color: #4b575c;
    list-style-image: url(../../Content/Images/customer-list.png);
    text-align: left;
    list-style-position: outside;
    list-style-type: none;
}

.left-column .CustomerMenu .CustomerAddNew
{
    font-size: 15px;
    color: #4b575c;
    list-style-image: url(../../Content/Images/customer-addnew.png);
}


/* -------------------------------------------  OrdersMenu  -------------------------------------------  */
.left-column .OrdersMenu
{
    color: #4b575c;
    background-image: url(../../Content/Images/orders.png);
    background-repeat: no-repeat;
    text-align: left;
}

.left-column .OrdersMenu .OrdersList
{
    font-size: 15px;
    color: #4b575c;
    list-style-image: url(../../Content/Images/orderlist.png);
    text-align: left;
}

.left-column .OrdersMenu .OrdersPerformOrder
{
    font-size: 15px;
    color: #4b575c;
    list-style-image: url(../../Content/Images/ordersperform.png);
}

/* -------------------------------------------  button  -------------------------------------------  */

.button, input[type=submit]
{
	clear: both;
	display: inline-block;
	padding: 5px;
	margin-top: 10px; 
	border: 1px;
	background: #5e5b54;
	color: #fff;
	font-weight: bold;
}
/* Form styles */
legend
{
	padding: 10px;
	font-weight: bold;
}

fieldset
{
	border: #9b9993 1px solid;
	padding: 0 10px;
	margin-bottom: 10px;
	clear: left;
}

div.editor-field
{
	margin-bottom: 10px;
}

input[type=text], input[type=password], select
{
	border: 1px solid #8A8575;
	width: 300px;
}

/* Begin: Tables */
.view-item table
{
	border: 1px solid #000;
	border-collapse: collapse;
	color: #666666;
	min-width: 500px;
	width: 100%;
}

.view-item tr
{
	border: 1px solid #000;
	line-height: 25px;
}

.view-item th
{
	background-color: #9b9993;
	color: #000;
	font-size: 13px;
	text-align: left;
}

.view-item th, td
{
	padding-left: 5px;
}

.view-item tr:hover
{
	background-color: #fff;
}

/* -------------------------------------------  button  -------------------------------------------  */
